<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button [routerLink]="['/tabs/me']">
        <ion-icon name="chevron-back-outline" class="global-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title mode="ios">个人信息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="content">
  <ion-list mode="ios" class="other">
    <ion-item [routerLink]="['/person-info/photo']">
      <ion-label>
        <h3>头像</h3>
      </ion-label>
      <ion-thumbnail slot="end">
        <img [src]="photoUrl" class="person-photo">
      </ion-thumbnail>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>昵称</h3>
      </ion-label>
      <ion-text slot="end">随心去流浪</ion-text>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>拍一拍</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>微信号</h3>
      </ion-label>
      <ion-text slot="end">hncszhangcong</ion-text>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>二维码名片</h3>
      </ion-label>
      <ion-text slot="end">
        <ion-icon name="qr-code-outline"></ion-icon>
      </ion-text>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>更多</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list lines="none" mode="ios" class="wechat-bean">
    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>微信豆</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list mode="ios" class="addr">
    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>我的地址</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>我的发票抬头</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>
</ion-content>